<template>
    <div class="imageBox" @click.stop="''">
        <img :src="EMOJI.path +'/' +item" alt="" v-for="item in data" @click.stop="imgUp(item)">
    </div>
</template>


<script setup>
import { EMOJI } from '../com/bioaqing';
import {ref,defineEmits} from 'vue';

const data = Object.values(EMOJI.map)
console.log(data);
const imgUp = (i)=>{
    const keys = Object.keys(EMOJI.map).find(key => EMOJI.map[key] === i);
    emit('setbq',keys);  //进行上传图片
}

const emit = defineEmits(['setbq'])
</script>


<style scoped lang="scss">
.imageBox{
    width:400px;
    height: 300px;
    overflow-y: scroll;
    display: flex;
    flex-wrap: wrap;
    align-content: space-around;
    -ms-overflow-style: none;
    >img{
        width:30px ;
        height: 30px;
        cursor: pointer;
        &:hover{
            transition: 1s;
            transform: scale(130%);
        }
    }
    
}
.imageBox::-webkit-scrollbar {
    width: 0;
    /* 隐藏滚动条在Webkit浏览器中 */
}
</style>